<!DOCTYPE html>
<html lang="en" class="js csstransforms3d">

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
  <meta name="generator" content="Hugo 0.85.0" />
  <meta name="description" content="">


  <link rel="shortcut icon" href="./images/favicon.png" type="image/x-icon" />
  <link rel="icon" href="./images/favicon.png" type="image/x-icon" />

  <title>Tools :: Mesen Documentation</title>


  <link href="./css/nucleus.css?1626403088" rel="stylesheet">
  <link href="./css/font-awesome.min.css?1626403088" rel="stylesheet">
  <link href="./css/hybrid.css?1626403088" rel="stylesheet">
  <link href="./css/featherlight.min.css?1626403088" rel="stylesheet">
  <link href="./css/perfect-scrollbar.min.css?1626403088" rel="stylesheet">
  <link href="./css/horsey.css?1626403088" rel="stylesheet">
  <link href="./css/theme.css?1626403088" rel="stylesheet">
  <link href="./css/hugo-theme.css?1626403088" rel="stylesheet">
  <link href="./css/custom.css?1626403088" rel="stylesheet">

  <link href="./css/theme-green.css?1626403088" rel="stylesheet">


  <script src="./js/jquery-2.x.min.js?1626403088"></script>

  <style type="text/css">
    :root #header+#content>#left>#rlblock_left {
      display: none !important;
    }
  </style>

</head>

<body class="" data-url="./tools.html">
  <nav id="sidebar" class="">



    <div id="header-wrapper">
      <div id="header">
        <a id="logo" href="./index.html">
          <img src="./images/MesenIcon.png" />
        </a>

      </div>

      <div class="searchbox">
        <label for="search-by"><i class="fa fa-search"></i></label>
        <input data-search-input id="search-by" type="text" placeholder="Search...">
        <span data-search-clear=""><i class="fa fa-close"></i></span>
      </div>

      <script type="text/javascript" src="./js/lunr.min.js?1626403088"></script>
      <script type="text/javascript" src="./js/horsey.js?1626403088"></script>
      <script type="text/javascript">

        var baseurl = "";


      </script>
      <script type="text/javascript" src="./js/searchjson.js?1626403088"></script>
      <script type="text/javascript" src="./js/search.js?1626403088"></script>


    </div>

    <div class="highlightable">
      <ul class="topics">








          <li data-nav-id="/gettingstarted.html" title="Getting Started" class="dd-item">
              <a href="./gettingstarted.html">
                  起步(Getting Started)

              </a>


          </li>










          <li data-nav-id="/configuration.html" title="Configuration" class="dd-item">
              <a href="./configuration.html">
                  配置(Configuration)

              </a>


              <ul>













                  <li data-nav-id="/configuration/audio.html" title="Audio Options" class="dd-item">
                      <a href="./configuration/audio.html">
                          音频选项(Audio Options)

                      </a>
                  </li>













                  <li data-nav-id="/configuration/input.html" title="Input Options" class="dd-item">
                      <a href="./configuration/input.html">
                          输入选项(Input Options)

                      </a>
                  </li>













                  <li data-nav-id="/configuration/video.html" title="Video Options" class="dd-item">
                      <a href="./configuration/video.html">
                          视频选项(Video Options)

                      </a>
                  </li>













                  <li data-nav-id="/configuration/emulation.html" title="Emulation
          Options" class="dd-item">
                      <a href="./configuration/emulation.html">
                          模拟器选项(Emulation Options)

                      </a>
                  </li>













                  <li data-nav-id="/configuration/preferences.html" title="Preferences" class="dd-item">
                      <a href="./configuration/preferences.html">
                          喜好设定(Preferences)

                      </a>
                  </li>







              </ul>

          </li>










          <li data-nav-id="/tools.html" title="Tools" class="dd-item parent active ">
              <a href="./tools.html">
                  工具(Tools)

              </a>


          </li>










          <li data-nav-id="/debugging.html" title="Debugging Tools" class="dd-item">
              <a href="./debugging.html">
                  调试工具(Debugging Tools)

              </a>


              <ul>













                  <li data-nav-id="/debugging/debugger.html" title="Debugger" class="dd-item">
                      <a href="./debugging/debugger.html">
                          调试器(Debugger)

                      </a>
                  </li>













                  <li data-nav-id="/debugging/apuviewer.html" title="APU Viewer" class="dd-item">
                      <a href="./debugging/apuviewer.html">
                          APU查看器(APU Viewer)

                      </a>
                  </li>













                  <li data-nav-id="/debugging/assembler.html" title="Assembler" class="dd-item">
                      <a href="./debugging/assembler.html">
                          汇编查看器(Assembler)

                      </a>
                  </li>













                  <li data-nav-id="/debugging/eventviewer.html" title="Event Viewer" class="dd-item">
                      <a href="./debugging/eventviewer.html">
                          事件查看器(Event Viewer)

                      </a>
                  </li>













                  <li data-nav-id="/debugging/memorytools.html" title="Memory Tools" class="dd-item">
                      <a href="./debugging/memorytools.html">
                          内存工具(Memory Tools)

                      </a>
                  </li>













                  <li data-nav-id="/debugging/performanceprofiler.html" title="Performance Profiler"
                      class="dd-item">
                      <a href="./debugging/performanceprofiler.html">
                          性能检查(Performance Profiler)

                      </a>
                  </li>













                  <li data-nav-id="/debugging/ppuviewer.html" title="PPU Viewer" class="dd-item">
                      <a href="./debugging/ppuviewer.html">
                          PPU查看器(PPU Viewer)

                      </a>
                  </li>













                  <li data-nav-id="/debugging/scriptwindow.html" title="Script
          Window" class="dd-item">
                      <a href="./debugging/scriptwindow.html">
                          脚本窗口(Script Window)

                      </a>
                  </li>













                  <li data-nav-id="/debugging/texthooker.html" title="Text Hooker" class="dd-item">
                      <a href="./debugging/texthooker.html">
                          文本Hook(Text Hooker)

                      </a>
                  </li>













                  <li data-nav-id="/debugging/tracelogger.html" title="Trace Logger" class="dd-item">
                      <a href="./debugging/tracelogger.html">
                          跟踪器(Trace Logger)

                      </a>
                  </li>













                  <li data-nav-id="/debugging/debuggerintegration.html" title="Integration with compilers"
                      class="dd-item">
                      <a href="./debugging/debuggerintegration.html">
                          编译器交互(Integration with compilers)

                      </a>
                  </li>







              </ul>

          </li>


          <li data-nav-id="/hdpacks.html" title="HD Packs" class="dd-item">
              <a href="./hdpacks.html">
                  HD打包(HD Packs)

              </a>


          </li>










          <li data-nav-id="/apireference.html" title="Lua API reference" class="dd-item">
              <a href="./apireference.html">
                  Lua脚本api索引(Lua API reference)

              </a>


              <ul>













                  <li data-nav-id="/apireference/changelog.html" title="Changelog" class="dd-item">
                      <a href="./apireference/changelog.html">
                          修改日志(Changelog)

                      </a>
                  </li>













                  <li data-nav-id="/apireference/callbacks.html" title="Callbacks" class="dd-item">
                      <a href="./apireference/callbacks.html">
                          回调(Callbacks)

                      </a>
                  </li>













                  <li data-nav-id="/apireference/drawing.html" title="Drawing" class="dd-item">
                      <a href="./apireference/drawing.html">
                          绘制(Drawing)

                      </a>
                  </li>













                  <li data-nav-id="/apireference/emulation.html" title="Emulation" class="dd-item">
                      <a href="./apireference/emulation.html">
                          模拟器(Emulation)

                      </a>
                  </li>













                  <li data-nav-id="/apireference/input.html" title="Input" class="dd-item">
                      <a href="./apireference/input.html">
                          输入(Input)

                      </a>
                  </li>













                  <li data-nav-id="/apireference/logging.html" title="Logging" class="dd-item">
                      <a href="./apireference/logging.html">
                          日志(Logging)

                      </a>
                  </li>













                  <li data-nav-id="/apireference/memoryaccess.html" title="Memory
          Access" class="dd-item">
                      <a href="./apireference/memoryaccess.html">
                          内存访问(Memory Access)

                      </a>
                  </li>













                  <li data-nav-id="/apireference/misc.html" title="Miscellaneous" class="dd-item">
                      <a href="./apireference/misc.html">
                          杂项(Miscellaneous)

                      </a>
                  </li>













                  <li data-nav-id="/apireference/enums.html" title="Enums" class="dd-item">
                      <a href="./apireference/enums.html">
                          枚举值(Enums)

                      </a>
                  </li>







              </ul>

          </li>





      </ul>



      <section id="shortcuts">
          <h3>更多(More)</h3>
          <ul>

              <li class="" role="">
                  <a class="padding" href="https://www.mesen.ca"><img style='vertical-align: middle'
                          src='./images/favicon.png' /> <span style='display:
            inline;vertical-align: middle'>Website</span></a>
              </li>

              <li class="" role="">
                  <a class="padding" href="https://github.com/SourMesen/Mesen"><i class='fa fa-github'></i>
                      GitHub</a>
              </li>

          </ul>
      </section>



      <div id="menuspacer"></div>
      <section id="footer">
          <div class="menuFooter">
              <div class="donateButton">
                  <a href="https://www.mesen.ca/Donate.php"><img src="./images/patreon.png" alt="Become a Patron!"
                          width="66%" height="66%"></a>
              </div>
              <div class="donateButton">
                  <a class="bmc-button" target="_blank" href="https://www.mesen.ca/BuyCoffee.php"><img
                          src="./images/BMC-btn-logo.svg" alt="Donate"><span
                          style="margin-left:5px">Donate</span></a>
              </div>
              Version: <b>0.9.9</b><br /> Last Updated: <b>2021-07-16</b>
          </div>

      </section>
  </div>
  </nav>





  <section id="body">
    <div id="overlay"></div>
    <div class="padding highlightable sticky-parent">

      <div class="sticky-spacer">
        <div id="top-bar">


          <div id="breadcrumbs" itemscope="" itemtype="http://data-vocabulary.org/Breadcrumb">
            <span id="sidebar-toggle-span">
              <a href="#" id="sidebar-toggle" data-sidebar-toggle="">
                <i class="fa fa-bars"></i>
              </a>
            </span>

            <span id="toc-menu"><i class="fa fa-list-alt"></i></span>

            <span class="links">







              <a href='./'>Home</a> > Tools




            </span>
          </div>

          <div class="progress">
            <div class="wrapper">
              <nav id="TableOfContents">
                <ul>
                  <li><a href="#netplay">Netplay</a>
                    <ul>
                      <li><a href="#hosting-a-game">Hosting a game</a></li>
                      <li><a href="#connecting-to-a-server">Connecting to a server</a></li>
                    </ul>
                  </li>
                  <li><a href="#movies">Movies</a></li>
                  <li><a href="#history-viewer">History Viewer</a></li>
                  <li><a href="#cheats">Cheats</a>
                    <ul>
                      <li><a href="#addingediting-cheats">Adding/Editing Cheats</a></li>
                      <li><a href="#importing-cheats">Importing Cheats</a></li>
                    </ul>
                  </li>
                  <li><a href="#sound-recorder">Sound Recorder</a></li>
                  <li><a href="#video-recorder">Video Recorder</a></li>
                  <li><a href="#log-window">Log Window</a></li>
                  <li><a href="#debugger">Debugger</a></li>
                  <li><a href="#hd-pack-builder">HD Pack Builder</a></li>
                </ul>
              </nav>
            </div>
          </div>


        </div>
      </div>



      <div id="body-inner">

        <h1>Tools</h1>





        <div class="toc">
          <div>
            <nav id="TableOfContents">
              <ul>
                <li><a href="#netplay">联机 Netplay</a>
                  <ul>
                    <li><a href="#hosting-a-game">作为主机 Hosting a game</a></li>
                    <li><a href="#connecting-to-a-server">链接服务器Connecting to a server</a></li>
                  </ul>
                </li>
                <li><a href="#movies">播放录像 Movies</a></li>
                <li><a href="#history-viewer">历史查看 History Viewer</a></li>
                <li><a href="#cheats">作弊器 Cheats</a>
                  <ul>
                    <li><a href="#addingediting-cheats">Adding/Editing Cheats</a></li>
                    <li><a href="#importing-cheats">Importing Cheats</a></li>
                  </ul>
                </li>
                <li><a href="#sound-recorder">录音 Sound Recorder</a></li>
                <li><a href="#video-recorder">录屏 Video Recorder</a></li>
                <li><a href="#log-window">日志窗口 Log Window</a></li>
                <li><a href="#debugger">调试器 Debugger</a></li>
                <li><a href="#hd-pack-builder">高清打包 HD Pack Builder</a></li>
              </ul>
            </nav>
          </div>
        </div>

        <div class="imgBox right"><div>
          <img src="./images/ToolsMenu.png">
          <span>工具菜单</span>
      </div></div>


        <!-- raw HTML omitted -->
        <h2 id="netplay">联机游戏 Netplay</h2>
        <h3 id="hosting-a-game">作为主机 Hosting a game</h3>
        <div class="imgBox"><div><img src="./images/NetplayHost.png">
          <span>服务器配置 Server Configuration</span>
      </div></div>
        <!-- raw HTML omitted -->
        <p><strong>服务器名称 Server name</strong>:作为服务器名称显示给客户端 This name will be shown to clients when they connect.</p>
        <p><strong>端口 Port</strong>: 联机的服务器端口,默认会自动申请,失败的需要手动设置.</p>
        <p>其他选择功能暂未实现 仅仅是显示出来.</p>
        <!-- raw HTML omitted -->
        <h3 id="connecting-to-a-server">连接服务器 Connecting to a server</h3>
        <!-- raw HTML omitted -->
        <div class="imgBox"><div><img src="./images/NetplayConnect.png">
          <span>Connect to...</span>
      </div></div>
        <p><strong>主机 Host</strong>:服务器主机的ip或者域名.</p>
        <p><strong>端口 Port</strong>:服务器主机的端口.</p>
        <p><strong>作为旁观者加入</strong>:打开这个选项,组委旁观者加入,一场游戏可用加入无限个旁观者,最多4个人可以操作控制器 .</p>
        <p>连接成功后,可以通过菜单中的<strong>
            <!-- raw HTML omitted -->Tools→Netplay→Select Controller
            <!-- raw HTML omitted -->
          </strong>选项控制器.</p>
        <h2 id="movies">播放影像 Movies</h2>
        <div class="imgBox"><div><img src="./images/MovieRecordingOptions.png">
          <span>Movie Recording Options</span>
      </div></div>
        <!-- raw HTML omitted -->
        <p><code>影像Movies</code>是由Mesen创建并可以被回放的文件.包含录制过程放生的事件记录,查看<a
            href="#video-recorder">Video Recorder</a>章节了解录制功能.</p>
        <p>开始录像时,会显示下面的配置窗口.</p>
        <ul>
          <li><strong>保存目录 Save to</strong>: 选择保存目录 点击按钮<strong>Browse</strong>可以修改.</li>
          <li><strong>开始录像 Record from</strong>: 选择从哪里开始录像:
            <ul>
              <li><strong>加载游戏 Power on</strong>: 重置游戏并开始录像 录像文件不会包含已存档的数据 This will reset the game and start recording from the start. Your save data
                (.sav files) will be excluded from the movie file - after the reset, you will start the game as if it
                had never been run yet.</li>
              <li><strong>加载游戏并保存数据 Power on, with save data</strong>: 重置游戏并开始录像 存档文件会被包含到录像中 This will reset the game and start recording from the
                start. Your save data (.sav files, etc.) will be included in the movie file.</li>
              <li><strong>当前存档 Current state</strong>: 开始录制当前存档 This will start recording from the current state &ndash; in this case,
                the movie file will contain a save state.</li>
            </ul>
          </li>
          <li><strong>作者 Author</strong>: The movie&rsquo;s author (optional) - this will be saved in the movie file.</li>
          <li><strong>描述 Description</strong>: A description of the movie&rsquo;s content (optional) - this will be saved
            in the movie file.</li>
        </ul>
        <p>播放录像文件，选择菜单中的<strong>
            <!-- raw HTML omitted -->Tools→Movies→Play
            <!-- raw HTML omitted -->
          </strong>命令.</p>
        <h2 id="history-viewer">History Viewer</h2>
        <div class="imgBox"><div><img src="./images/HistoryViewer.png">
          <span>History Viewer</span>
      </div></div>
        <!-- raw HTML omitted -->
        <p>历史查看可以从加载游戏后的任意时刻重玩.<br>.</p>
        <p>从历史记录重玩,选择菜单中的<strong>
            <!-- raw HTML omitted -->File→Resume Gameplay
            <!-- raw HTML omitted -->
          </strong>命令<br>
          创建一个存档,选择菜单中的<strong>
            <!-- raw HTML omitted -->File→Create Save State
            <!-- raw HTML omitted -->
          </strong>命令</p>
        <p>导出电影(<code>.mmo</code>)文件选择菜单中的<strong>
            <!-- raw HTML omitted -->File→Export Movie
            <!-- raw HTML omitted -->
          </strong>命令<br>
          When exporting a movie, you can select the specific time range you want to export.</p>
        <h2 id="cheats">作弊器 Cheats</h2>
        <!-- raw HTML omitted -->
        <div class="imgBox"><div><img src="./images/CheatList.png">
          <span>Cheats Window</span>
      </div></div>
        <p>Mesen支持多种格式的作弊器including Game Genie and Pro Action Rocky codes.</p>
        <p>支持从内置的作弊器数据<a href="#from-the-cheat-database">Cheat Database</a>导入,或者从文件格式的 <a href="#from-xml-cht-files">XML or CHT files</a>导入.</p>
        <p>左边选择游戏,右边显示当前游戏支持的作弊.</p>
        <p><strong>添加作弊码</strong>, 点击<code>Add Cheat</code> button.<br>
          <strong>编辑作弊码</strong>, 右击列表中的作弊码.<br>
          <strong>删除作弊码</strong>,勾选列表中的作弊码 然后点击<code>Delete</code> button.
        </p>
        <p><strong>导入作弊码</strong>, 点击 <code>Import</code> button.<br>
          <strong>导出作弊码到XML文件</strong>,点击 <code>Export</code> button.
        </p>
        <p><strong>禁止作弊码</strong>, 列表中反选(取消选择).<br>
          <strong>禁止所有作弊码</strong>, 列表中选择禁止所有选项.
        </p>
        <!-- raw HTML omitted -->
        <h3 id="addingediting-cheats">Adding/Editing Cheats</h3>
        <!-- raw HTML omitted -->
        <div class="imgBox"><div><img src="./images/EditCheat.png">
          <span>Edit Cheat</span>
      </div></div>
        <p>添加作弊码的时候,首先选择应用到的游戏,默认是当前加载的游戏.</p>
        <p>为作弊添加名称,显示在列表中You must give each cheat a name, which will be used to display it in the cheats list.</p>
        <p>作弊码<code>Code</code> section lets you enter the actual cheat &ndash; select <code>Game Genie</code> for Game
          Genie codes.<br>
          If you want to create a custom code, select the <code>Custom</code> action.</p>
        <p>When creating custom codes, the <code>Memory</code> / <code>Game Code</code> options select whether the code
          should be applied to a specific CPU address (<code>Memory</code>) or a specific offset in the PRG ROM
          (<code>Game Code</code>).</p>
        <!-- raw HTML omitted -->
        <h3 id="importing-cheats">Importing Cheats</h3>
        <h4 id="from-the-cheat-database">From the Cheat Database</h4>
        <!-- raw HTML omitted -->
        <div class="imgBox"><div><img src="./images/CheatDbImport.png">
          <span>内置作弊库导入作弊</span>
      </div></div>
        <p>To import from the cheats database, click <code>Import</code> and select <code>From Cheat Database</code>.
        </p>
        <p>In the next dialog, select the game for which you want to import cheats. You can type in the
          <code>Search</code> bar at the top to filter the game list. Once you&rsquo;ve selected a game, press OK
          &ndash; this will import all cheats for that game into the cheats list. You can then manually enable any cheat
          you want to use.</p>
        <p>By default, the game that is currently loaded will be selected for you. Having no game selected when the
          dialog opens indicates that there are no built-in cheats available for the game that is currently running.</p>
        <h4 id="from-xmlcht-files">From XML/CHT files</h4>
        <p>To import cheats from external files (FCEUX&rsquo;s <code>.cht</code> files or Nestopia&rsquo;s
          <code>.xml</code> files), click <code>Import</code>, and select <code>From File (XML, CHT)</code>.<br>
          In the next dialog, select the file you want to import.<br>
          For FCEUX&rsquo;s <code>.cht</code> files, you will also need to select the game for which you are importing
          cheats for.<br>
          Once you&rsquo;re done, click <code>OK</code> &ndash; the cheats will be imported and added to the cheats
          list.</p>
        <h2 id="sound-recorder">Sound Recorder</h2>
        <p>The sound recorder allows you to record uncompressed <code>.wav</code> files. The <code>.wav</code> file will
          use the exact same output settings as Mesen&rsquo;s <a href="./configuration/audio.html">audio options</a>
          &ndash; this means the sample rate will match Mesen&rsquo;s current sample rate, and that any sound
          modification (volume, panning, equalizer or effects) will also be applied to the <code>.wav</code> files.</p>
        <p>To start recording, use the <strong>
            <!-- raw HTML omitted -->Tools→Sound Recorder→Record
            <!-- raw HTML omitted -->
          </strong> command.<br>
          To stop an on-going recording, use the <strong>
            <!-- raw HTML omitted -->Tools→Sound Recorder→Stop Recording
            <!-- raw HTML omitted -->
          </strong> command.</p>
        <h2 id="video-recorder">Video Recorder</h2>
        <!-- raw HTML omitted -->
        <div class="imgBox"><div><img src="./images/VideoRecording.png">
          <span>Video Recorder</span>
      </div></div>
        <p>Much like the sound recorder, the video recorder allows you to record <code>.avi</code> files.</p>
        <p>Before you start a recording, you can select where to save the <code>.avi</code> file and which video codec
          to use. All video codecs are lossless codecs &ndash; the only reason to reduce the compression level to a
          lower level is to improve performance in the event your computer is having a hard time recording the video and
          running the emulation at its normal speed at the same time.</p>
        <p>To start recording, use the <strong>
            <!-- raw HTML omitted -->Tools→Video Recorder→Record
            <!-- raw HTML omitted -->
          </strong> command.<br>
          To stop an on-going recording, use the <strong>
            <!-- raw HTML omitted -->Tools→Video Recorder→Stop Recording
            <!-- raw HTML omitted -->
          </strong> command.</p>
        <h2 id="log-window">Log Window</h2>
        <!-- raw HTML omitted -->
        <div class="imgBox"><div><img src="./images/LogWindow.png">
          <span>Log Window</span>
      </div></div>
        <p>The Log Window displays a number of useful information &ndash; mostly about the roms you load.<br>
          It is also sometimes used as a way to log errors or warnings.</p>
        <h2 id="debugger">Debugger</h2>
        <p>See <a href="./debugging.html">Debugging Tools</a></p>
        <h2 id="hd-pack-builder">HD Pack Builder</h2>
        <p>See <a href="./hdpacks.html">HD Packs</a></p>


        <footer class=" footline">

        </footer>


      </div>
    </div>

    <div id="navigation">

















































































































































































































































































































































































































































































































































      <a class="nav nav-prev" href="./configuration/preferences.html" title="Preferences"> <i
          class="fa fa-chevron-left"></i></a>


      <a class="nav nav-next" href="./debugging.html" title="Debugging Tools" style="margin-right: 0px;"><i
          class="fa fa-chevron-right"></i></a>

    </div>

  </section>

  <div
    style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
    <div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
  </div>
  <script src="./js/clipboard.min.js?1626403088"></script>
  <script src="./js/perfect-scrollbar.min.js?1626403088"></script>
  <script src="./js/perfect-scrollbar.jquery.min.js?1626403088"></script>
  <script src="./js/jquery.sticky-kit.min.js?1626403088"></script>
  <script src="./js/featherlight.min.js?1626403088"></script>
  <script src="./js/html5shiv-printshiv.min.js?1626403088"></script>
  <script src="./js/highlight.pack.js?1626403088"></script>
  <script>hljs.initHighlightingOnLoad();</script>
  <script src="./js/modernizr.custom.71422.js?1626403088"></script>
  <script src="./js/learn.js?1626403088"></script>
  <script src="./js/hugo-learn.js?1626403088"></script>

  <link href="./mermaid/mermaid.css?1626403088" type="text/css" rel="stylesheet" />
  <script src="./mermaid/mermaid.js?1626403088"></script>
  <script>
    mermaid.initialize({ startOnLoad: true });
  </script>


</body>

</html>